<template>
  <Layout class="aboutus">
    <Header>
      <v-header></v-header>
    </Header>
    <Content>
      <div class="rowWrapperP">
        <Row>
          <Col span="24">
          <Menu
            mode="horizontal"
            :active-name="activeName"
            :class="isShow"
          >
            <MenuItem
              name="/invest/investment"
              to="/invest/investment"
            >投资新闻</MenuItem>
            <MenuItem
              name="/invest/policy"
              to="/invest/policy"
            >投资政策</MenuItem>
            <MenuItem
              name="/invest/environment"
              to="/invest/environment"
            >投资环境</MenuItem>
            <MenuItem
              name="/invest/feature"
              to="/invest/feature"
            >运营特色</MenuItem>
            <MenuItem
              name="/invest/hire"
              to="/invest/hire"
            >商铺租赁</MenuItem>
            <MenuItem
              name="/invest/traffic"
              to="/invest/traffic"
            >区位交通</MenuItem>
          </Menu>
          <Breadcrumb
            separator=">"
            style="padding-top:12px"
          >
            <BreadcrumbItem to="/index">首页</BreadcrumbItem>
            <BreadcrumbItem to="/invest">招商引资</BreadcrumbItem>
            <BreadcrumbItem>{{$route.meta.title}}</BreadcrumbItem>
          </Breadcrumb>
          <Divider />
          <router-view></router-view>
          </Col>
        </Row>
      </div>
    </Content>
    <Footer>
      <v-footer></v-footer>
    </Footer>
  </Layout>
</template>

<script>
import vHeader from '../components/main_header'
import vFooter from '../components/main_footer.vue'
export default {
  name: 'aboutus',
  components: {
    vHeader,
    vFooter
  },
  computed: {
    isShow() {
      let isShow
      if (this.$route.path.split('/', 3)[2] == 'investment' || this.$route.path.split('/', 3)[2] == 'policy' || this.$route.path.split('/', 3)[2] == 'feature' || this.$route.path.split('/', 3)[2] == 'hire' || this.$route.path.split('/', 3)[2] == 'traffic') {
        isShow = ''
      } else {
        isShow = 'none'
      }
      return isShow
    }
  },
  data() {
    return {
      activeName: this.$route.path.split("/", 3).join("/")
    }
  },
}
</script>

<style scoped>
</style>